<ion-content>
  <div class="loginBg">
    <img class="logo" src="./assets/imgs/logo.png" alt="">
  </div>
  <div class="loginContent">
    <ion-list>
      <ion-item class="loginItem">
        <ion-input style="padding-left: 20px;background-color: #fff;overflow: hidden;border: none;" class="loginInput" [ngClass]="existsubdomain?'':'fullinput'" clearInput type="text" (blur)="splituserdata()" [(ngModel)]="user.username" [placeholder]="placeholderName" (ngModelChange)="changeIcon($event)" (focus)="focusState()">
        </ion-input>
        <!--<ion-icon *ngIf="inputIconState"-->
        <!--style="position: absolute;right: 35px;top: 13px;font-size: 1.5em;"-->
        <!--(click)="clearName()"-  ->
        <!--name="ios-close-circle-outline"-->
        <!--&gt;-->
        <!--</ion-icon>-->
        <!--<button ion-button icon-right round small class="divItemSpan" *ngIf="existsubdomain"-->
        <!--(click)="clearsubdomain()">-->
        <!--{{subdomainshow}}-->
        <!--<ion-icon name="ios-close-circle-outline"></ion-icon>-->
        <!--</button>-->
      </ion-item>
      <div class="inputList" *ngIf="inputListState">
          <ion-list-header *ngFor="let list of inputListData;let i = index">

            <p (click)="listChange(list)">{{list.username}}</p>

            <ion-icon ios="ios-close" md="md-close"
                      class="inputIcon"
                      (click)="singleClear(i,list)">
            </ion-icon>
          </ion-list-header>
        <ion-list-header class="list_headerLaster">
          <span class="list_span" (click)="clearClick()">清空当前用户名</span>
          <span class="list_span" (click)="hideListPage()">关闭</span>
        </ion-list-header>
      </div>
      <ion-item class="loginItem">
        <ion-input style="padding-left: 20px;background-color: #fff;overflow: hidden;" class="loginInput" [(ngModel)]="user.password" type="password" placeholder="请输入密码" type="{{pwshow?'text':'password'}}" clearOnEdit={{true}}></ion-input>
        <a class="loginLink" rel="external nofollow" href="javascript:;" (click)="pwshow=!pwshow" item-end>
          <ion-icon style="font-size:30px;color:#7d7d7d;" class="loginIcon" ios="ios-eye-off-outline" md="md-eye-off" item-right [ngClass]="pwshow?'loginIcon-show':'loginIcon-hide'"></ion-icon>
          <ion-icon style="font-size:30px;color:#7d7d7d;" class="loginIcon loginIcon-hide" ios="ios-eye-outline" md="md-eye" item-right [ngClass]="pwshow?'loginIcon-hide':'loginIcon-show'"></ion-icon>
        </a>
      </ion-item>
    </ion-list>
    <div class="loginButBox">
       <p *ngIf="loginState" style="color:red;margin:0;">登录名或密码错误</p>
      <button class="loginBut" ion-button color="primary" block [disabled]="!enableLogin" (click)="requestGetToken()">
        登录
         <ion-spinner name="dots" *ngIf="!enableLogin"></ion-spinner>
      </button><!--登录-->
      <!--登录-->
      <!--<p style="color:#488aff;">手机号登录</p>-->
    </div>
  </div>
</ion-content>
